<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人用户租房服务协议</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
        }

        h1 {
            text-align: center;
        }

        h2 {
            margin-top: 20px;
        }

        p {
            margin-bottom: 10px;
        }

       .checkbox-container {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
            cursor: pointer;
            font-size: 22px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

       .checkbox-container input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

       .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 25px;
            width: 25px;
            background-color: #eee;
        }

       .checkbox-container:hover input ~.checkmark {
            background-color: #ccc;
        }

       .checkbox-container input:checked ~.checkmark {
            background-color: #2196F3;
        }

       .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

       .checkbox-container input:checked ~.checkmark:after {
            display: block;
        }

       .checkbox-container.checkmark:after {
            left: 9px;
            top: 5px;
            width: 5px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
    </style>
</head>

<body>
<div class="checkbox-container">
    <input type="checkbox" id="agreementCheckbox">
    <span class="checkmark"></span>
    我承诺房源真实并同意 <a href="#agreementContent">《个人用户租房服务协议》</a>
</div>

<h1 id="agreementContent">个人用户租房服务协议</h1>

<h2>一、协议双方</h2>
<p>出租方（甲方）：[甲方姓名]，身份证号：[甲方身份证号码]，联系电话：[甲方联系电话]</p>
<p>承租方（乙方）：[乙方姓名]，身份证号：[乙方身份证号码]，联系电话：[乙方联系电话]</p>

<h2>二、房屋基本情况</h2>
<p>甲方将位于[房屋地址]的房屋（以下简称“该房屋”）出租给乙方使用。该房屋建筑面积为[房屋面积]平方米，户型为[房屋户型]。</p>

<h2>三、租赁期限</h2>
<p>租赁期限自[起始日期]至[结束日期]，共计[租赁时长]。</p>

<h2>四、租金及支付方式</h2>
<p>1. 该房屋月租金为人民币[月租金金额]元（大写：[大写金额]）。</p>
<p>2. 租金支付方式为[支付方式，如押一付三]，乙方应在每期租金到期前[提前天数]天支付下期租金。</p>
<p>3. 乙方应向甲方支付人民币[押金金额]元（大写：[大写金额]）作为押金，租赁期满或合同解除后，房屋租赁押金除抵扣应由乙方承担的费用、租金，以及乙方应当承担的违约赔偿责任外，剩余部分应如数返还给乙方。</p>

<h2>五、房屋用途</h2>
<p>乙方租赁该房屋仅作为[房屋用途，如居住]使用，未经甲方书面同意，乙方不得擅自改变该房屋的用途。</p>

<h2>六、房屋修缮与使用</h2>
<p>1. 在租赁期内，甲方应保证该房屋及其附属设施处于正常使用和安全的状态。甲方对该房屋进行检查、养护，应提前[提前通知天数]天通知乙方。检查养护时，乙方应予以配合。</p>
<p>2. 乙方应合理使用并爱护该房屋及其附属设施。因乙方使用不当或不合理使用，致使该房屋及其附属设施损坏或发生故障的，乙方应负责维修或承担赔偿责任。</p>

<h2>七、合同解除</h2>
<p>1. 经甲乙双方协商一致，可以解除本合同。</p>
<p>2. 有下列情形之一的，本合同终止，甲乙双方互不承担违约责任：</p>
<ul>
    <li>该房屋因城市建设需要被依法列入房屋拆迁范围的。</li>
    <li>因地震、火灾等不可抗力致使房屋毁损、灭失或造成其他损失的。</li>
</ul>
<p>3. 乙方有下列情形之一的，甲方有权单方解除合同，收回该房屋：</p>
<ul>
    <li>不按照约定支付租金达[逾期天数]天的。</li>
    <li>擅自改变该房屋用途的。</li>
    <li>擅自拆改变动或损坏房屋主体结构的。</li>
</ul>

<h2>八、违约责任</h2>
<p>1. 甲方未按约定时间交付该房屋或者乙方不按约定支付租金但未达到解除合同条件的，以及乙方未按约定时间返还房屋的，应按[违约金额或计算方式]向对方支付违约金。</p>
<p>2. 乙方擅自将该房屋转租给第三人的，甲方有权要求乙方支付违约金[违约金金额]元。</p>

<h2>九、争议解决</h2>
<p>本合同在履行过程中发生的争议，由双方当事人协商解决；协商不成的，依法向有管辖权的人民法院起诉。</p>

<h2>十、其他条款</h2>
<p>1. 本合同一式两份，甲乙双方各执一份，自双方签字（或盖章）之日起生效。</p>
<p>2. 本合同未尽事宜，可由双方协商签订补充协议，补充协议与本合同具有同等法律效力。</p>

<p style="margin-top: 50px;">甲方（签字/盖章）：____________________  日期：______年____月____日</p>
<p>乙方（签字/盖章）：____________________  日期：______年____月____日</p>
</body>

</html>